html, body { height:100%;}
body { margin:0; padding:0; font:18px 'Open Sans', sans-serif; font-weight:300; color:#111; background:#fff;}

.clr { font-size:1px; line-height:1px; height:1px; clear:both;}
.clearfix {
  *zoom:1;
}
.clearfix:before,
.clearfix:after {
  display:table;
  content:"";
  line-height:0;
}
.clearfix:after {
  clear:both;
}


h2 { display:inline-block; padding:0; margin:0 0 20px 0; font:48px/50px 'Open Sans', sans-serif; font-weight:300; max-width:800px;}
h3 { padding:0; margin:0 0 10px 0; font:18px/20px 'Open Sans', sans-serif; font-weight:400; color:#00abf1;}

a, a:link, a:visited, a:active { color:#f9303f; text-decoration:none; outline:none;}
a:hover { text-decoration:none;}

p { margin:0 0 22px 0; padding:0;}
img { border:0;}
form { margin:0; padding:0;}

img { max-width:100%; height:auto;}

a.btn { display:inline-block; padding:0 22px; font-size:16px; line-height:45px; color:#30bbf3; background:#fff; border:#30bbf3 2px solid; text-decoration:none; border-radius:2px; transition:all 0.3s ease-in-out;}
a.btn:hover { background:#30bbf3; color:#fff;}
	a.btn.inverse, a.btn.inverse:hover { background:#fc2c38; color:#fff;}
	.bg-red a.btn { color:#fff; background:#fc2c38; border:#fff 2px solid;}
	.bg-red a.btn:hover { background:#fff; color:#fc2c38;}

a.blue, .blue { color:#00abf1;}

.f18 { font-size:18px;}
.fw400 { font-weight:400;}
.cntr { text-align:center;}
.nowrap { white-space:nowrap;}

#preloader { position:fixed; left:0; top:0; right:0; bottom:0; z-index:9999; background:url(../landing-img/preloader.gif) center no-repeat #fff;}
	#preloader #preload-error-info { position:absolute; left:0; top:35%; right:0; font-size:20px; color:#f9303f; text-align:center;}
	

.section { text-align:center; background-size:cover; background-attachment:fixed; background-repeat:no-repeat; background-position:center bottom;}
.section p { max-width:910px; margin:0 auto 22px;}
#section-1, #section-2, #section-3, #section-4, #section-5, #section-6 { background-image:url(../landing-img/clouds.png); background-color:#f7f7f7;}
/* #section-1 { color:#fff; background-color:#00abf1;} */
	
	.section-inner { width:66%; float:right; padding:40px 65px 20px 110px;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
	}

		.logo { width:280px; max-width:60%; height:63px; margin:0 auto 20px; background:url(../landing-img/logo.png) center no-repeat; background-size:contain;}
	
		.pad-fix { padding:0 50px;}
			.img-container { max-width:700px; margin:0 auto;}
				.img-container img { border-radius:10px; box-shadow:0 0 8px rgba(0,0,0,0.4);}
				.img-container img.noborder { box-shadow:none;}
			a.img-link { max-width:100%; position:relative; display:inline-block; border-radius:10px; color:#00abf1; text-decoration:none;}
				a.img-link span.more { z-index:10; display:block; position:absolute; left:0; top:50%; right:0; margin-top:-9px; opacity:0; font-weight:400; transition:opacity 0.3s; font-size:18px; text-align:center;}
				a.img-link:hover span.more { opacity:1;}
				a.img-link:after { z-index:5; display:block; opacity:0; transition:opacity 0.3s; position:absolute; left:0; top:0; right:0; bottom:0; border-radius:10px; background:rgba(255,255,255,0.7); content:'';}
				a.img-link:hover:after { opacity:1;}
				
		a.learn-more { display:inline-block; margin:30px 0 0 0; color:#00abf1; text-transform:uppercase; text-decoration:none; text-shadow:none;}
			a.learn-more .fa { font-size:40px; line-height:30px;}
				
		.y-plan { font-size:14px; text-align:left;}
			.y-plan .slide-heading-block, .slide-heading-block { text-align:center;}
			.y-plan p { padding:0; margin:0;}
			.y-plan strong { font-weight:400;}
				
		.carousel-wrapper { position:relative;}
			.carousel { position:relative; overflow:hidden; width:100%;}
			.carousel > ul { width:20000em; position:relative; list-style:none; margin:0; padding:0;}
			.carousel > ul > li { width:200px; padding:8px; float:left; text-align:left; font-size:14px;
				-moz-box-sizing:border-box; 
				-webkit-box-sizing:border-box;
				box-sizing:border-box;
			}
			.carousel .f18 { text-align:center; margin:0 0 10px 0;}
			.carousel ul li strong { font-weight:400;}
			.carousel img { display:block; max-width:100%; height:auto!important;}
			.carousel .slide-description { display:none;}
			.carousel-prev, .carousel-next { position:absolute; top:50%; margin-top:-30px; width:60px; height:60px; border-radius:50%; background:url(../landing-img/slider-arrows.png) left top no-repeat;}
			.carousel-prev { left:-75px;}
			.carousel-next { right:-75px; background-position:right top;}
			
				.slide-heading-block { position:relative; font-weight:400; padding:0 0 20px; margin:0 0 20px; border-bottom:#d3d3d3 1px solid;}
					.slide-heading-block:after { position:absolute; left:0; bottom:-3px; display:block; width:110px; height:3px; background:#fc2c38; content:'';}
					.slide-heading-block  h2 { display:block; padding:15px 0 0 0; margin:0 0 3px; text-align:center; line-height:30px; font-weight:400!important;}
						.slide-heading-block  h2 sup { font-size:22px; vertical-align:18px;}
						.slide-heading-block  h2 sub { font-size:22px; vertical-align:0; text-transform:uppercase;}
						i.ico-ruble { display:inline-block; width:9px; height:12px; background:url(../landing-img/rub.png) 0 -64px no-repeat; text-indent:-9000px; overflow:hidden;}
						.f18 i.ico-ruble { width:9px; height:13px; background-position:0 -51px;}
						.slide-heading-block  h2 sub i.ico-ruble { width:24px; height:34px; background-position:0 0;}
				.carousel  p { padding:0; margin:0;}
				
				#carousel-reviews ul { display:block;
					display: -webkit-box;
					display: -moz-box;
					display: -ms-flexbox;
					display: -webkit-flex;
					display: flex;
					justify-content: flex-start;
					align-items: center;
				}
				#carousel-reviews p { padding:0; margin:0 0 15px 0;}
				p.full-link { margin:0 20px 0 0; text-align:right; font-style:italic;}
				.review-avatar { text-align:center;}
					.review-avatar img { display:inline-block; max-width:105px; border-radius:50%; box-shadow:none;}
					.review-avatar a { color:#00abf1; text-decoration:underline;}
					.review-avatar a:hover { text-decoration:none;}
					.review-avatar strong { font-weight:bold!important;}
				.review-text { font-weight:normal;}
				
				.carousel  table { width:100%; padding:0; margin:0; border:0; border-collapse:collapse;}
				.carousel table tr td { padding:12px 0; margin:0;}
					
					td.check-col { width:130px; line-height:25px; text-align:center;}
					tr.table-heading td { vertical-align:bottom; padding-top:0 0 5px!important; font-weight:400;}
						.f25 { font-size:25px; line-height:18px!important;}
						tr.table-heading td sup { font-size:12px; vertical-align:9px; text-transform:uppercase;}
						tr.table-heading td sub { font-size:12px; vertical-align:0; text-transform:uppercase;}
						tr.table-heading td small { font-size:12px; text-transform:uppercase;}
				
					.carousel .fa-circle-thin { font-size:30px; color:#979695; margin:-5px 0 0 0;}
					.carousel .fa-check-circle { font-size:30px; color:#00abf1; margin:-5px 0 0 0;}
				
				ul.capability-list { padding:0; margin:0; list-style:none;}
				ul.capability-list li { position:relative; padding:0 100px 10px 40px; margin:0 0 10px; border-bottom:#e7e7e7 1px solid;}
				.plans-mobile ul.capability-list li { padding-right:0;}
				#sidebar-dlc p { padding:0; margin:0;}
					ul.capability-list li:last-child { padding-bottom:0; margin-bottom:0; border:0;}
					ul.capability-list li:before { position:absolute; left:0; top:0; display:block; width:25px; background:url(../landing-img/plan-icos.png) right top no-repeat; content:'';}
							
				.capability-right-column { position:absolute; right:0; top:0; color:#000;}
				#cboxContent .capability-right-column { display:none;}
				
				.capability-block { position:relative; padding:0 0 0 40px;}
					.capability-block:before { position:absolute; left:0; top:0; display:block; width:25px; background:url(../landing-img/plan-icos.png) right top no-repeat; content:'';}
						
						.capability-1:before { height:24px; background-position:right 0!important;}
							.capability-1.included:before { background-position:left 0!important;}
						.capability-2:before { height:21px; background-position:right -24px!important;}
							.capability-2.included:before { background-position:left -24px!important;}
						.capability-3:before { height:21px; background-position:right -45px!important;}
							.capability-3.included:before { background-position:left -45px!important;}
						.capability-4:before { height:24px; background-position:right -66px!important;}
							.capability-4.included:before { background-position:left -66px!important;}
						.capability-5:before { height:18px; background-position:right -90px!important;}
							.capability-5.included:before { background-position:left -90px!important;}
						.capability-6:before { height:20px; background-position:right -108px!important;}
							.capability-6.included:before { background-position:left -108px!important;}
							
					.capability-block .fa-question-circle, .capability-list .fa-question-circle { display:none; margin-left:5px; color:#bbb; font-size:18px; line-height:14px; cursor:pointer;}
			
		.carousel-pagination { position:relative; height:7px; margin:60px 100px; background:#e7e7e7; text-align:justify;}
		.carousel-pagination a { position:absolute; top:-6px; display:block; height:20px; width:20px; background:#e7e7e7; border-radius:50%; text-decoration:none; color:#000; transition:background 0.3s;}
		.carousel-pagination a.active { background:#00abf1;}
			.carousel-pagination a.point-1 { left:0;}
			.carousel-pagination a.point-2 { left:33.333%;}
			.carousel-pagination a.point-3 { left:66.999%;}
			.carousel-pagination a.point-4 { left:100%;}
			
			.point-descr { position:absolute; left:50%; top:33px; padding:0 5px; font-size:16px; line-height:40px; text-align:left; white-space:nowrap; border-radius:4px;
				-webkit-transform: translate(-50%, 0);
				-ms-transform: translate(-50%, 0);
				transform: translate(-50%, 0);
			}
			a.active .point-descr { color:#fff; background:#99d4ee;}
				a.active .point-descr:before { position:absolute; left:50%; top:-9px; display:block; width:11px; height:9px; margin:0 0 0 -6px; background:url(../landing-img/point-descr-arrow.png) center no-repeat; content:'';}
				.point-descr sup { font-size:12px; vertical-align:6px;}
				.point-descr sub { font-size:12px; vertical-align:0; text-transform:uppercase;}
				
			#carousel-plans-pagination { margin:60px 200px;}
			#carousel-plans-pagination.carousel-pagination a.point-1 { left:0;}
			#carousel-plans-pagination.carousel-pagination a.point-2 { left:100%;}
			#carousel-plans-pagination a.point-5:before { position:absolute; left:50%; top:-39px; display:block; width:41px; height:34px; margin:0 0 0 -20px; opacity:0.5; background:url(../landing-img/you-are-the-best.png) center no-repeat; transition:opacity 1s; content:'';}
			#carousel-plans-pagination a.point-5.active:before { opacity:1;}
			
			#carousel-promo-pagination a .point-descr { display:none;}
			#carousel-promo-pagination a.active .point-descr { display:block;}
		
		.plans-mobile { display:none;}
		p.plans-mobile { font-size:14px; padding:20px 0 0 0;}
		ul#plans-mobile { padding:0; margin:0; list-style:none;}
		ul#plans-mobile li { padding:10px 0; margin:0; background:none; font-size:22px;}
		ul#plans-mobile li a { color:#00abf1; font-weight:400;}
			ul#plans-mobile li a sup { font-size:14px; vertical-align:6px; font-weight:normal; text-transform:uppercase;}
			ul#plans-mobile li a sub { font-size:14px; vertical-align:0; font-weight:normal; text-transform:uppercase;}
	
	
#sidebar { position:fixed; left: 0px; top:0; bottom:0; right: 67%; background:#5bc0de; color:#fff; transition:all 0.3s;}

		.flex { z-index:1; position:absolute; left: 0px; top:0px; right:0px; bottom:0; overflow:hidden;
			display: -webkit-box;
			display: -moz-box;
			display: -ms-flexbox;
			display: -webkit-flex;
			display: flex;   
		}
		.flex-inner { width:100%; min-width:300px; margin:auto; padding:40px 60px; font-size:14px;
			-webkit-box-flex: 1;
			-moz-box-flex: 1;
			-webkit-flex: 1;
			-ms-flex: 1;
			flex: 1; 
		}
		#sidebar .flex-inner { /*min-height:407px;*/}
		
		#sidebar-review-block { position:absolute; left:60px; top:30px; right:60px; min-width:300px;}
			.sidebar-review { display:none; font-size:16px;}
			.sidebar-review.active { display:block;}
				.sr-avatar { position:absolute; right:0px;  left: 0px; height: 43%; overflow: hidden;}

				.sr-text { position:relative; padding:0 0 0 50px;}
					.sr-text:before { content:'\201c'; margin:0 0 0 -10px; font-size:20px; font-family:"Times New Roman";}
					.sr-text:after { content:'\201d'; font-size:20px; font-family:"Times New Roman";}
			.sr-readmore { padding:10px 0 0 0; text-align:right;}
				.sr-readmore a { text-decoration:none!important; border:0; border-bottom-width:1px; border-style:dashed;}
				.sr-readmore a:hover { border-bottom-width:0;}
	
		.sidebar a { color:#fff; text-decoration:underline;}
		.sidebar a:hover { text-decoration:none;}
		.sidebar.white a { color:#000; text-decoration:underline;}
		.sidebar.white a:hover { text-decoration:none;}
			.tab { display:none; min-height:250px;}
			.tab.active { display:block;}
		
		ul.tab-switcher { display:block; margin:0 0 30px 0; padding:0; list-style:none; border:#fff 2px solid; border-radius:4px; font-weight:400;}
		ul.tab-switcher li { display:block; float:left; margin:0; padding:0; width:50%; text-align:center; font-size:18px;}
			ul.tab-switcher a { display:block; text-decoration:none!important;}
			ul.tab-switcher a.active { color:#00abf1!important; background:#fff;}
		
		.sidebar-bottom { z-index:10; position:absolute; left:60px; bottom:30px; right:60px; font-size:15px;}
			.sidebar-bottom ul { padding:0; margin:0; list-style:none;}
			.sidebar-bottom ul li { display:inline-block; padding:0; margin:0;}
			.sb-left { float:left;}
				.sb-left ul li { margin:0 10px 0 0;}
			.sb-right { float:right;}
			
		.form-row { position:relative;  margin:0 0 24px 0;}
			.input-mail:before { position:absolute; z-index:10; left:0; top:10px; width:40px; height:30px; text-align:center; color:#cdcdcd; font:normal 22px/1 "FontAwesome"; content:"\f003";}
			.input-pass:before { position:absolute; z-index:10; left:0; top:10px; width:40px; height:30px; text-align:center; color:#cdcdcd; font:normal 22px/1 "FontAwesome"; content:"\f023";}
			input.input-txt { position:relative; width:100%; height:40px; padding:0 20px; margin:0; font:18px 'Open Sans', sans-serif; font-weight:300; color:#000; background:#fff; border:0; border-radius:4px;
				box-sizing:border-box;
				-moz-box-sizing:border-box;
				-webkit-box-sizing:border-box;
			}
			::-webkit-input-placeholder {color:#959595;}
			::-moz-placeholder          {color:#959595;}
			:-moz-placeholder           {color:#959595;}
			:-ms-input-placeholder      {color:#959595;}
			.input-mail input, .input-pass input { padding-left:40px;}
			
            input.input-chk { position:absolute; left:0; z-index:1; opacity:0;}
            input.input-chk + label span { z-index:2; position:relative; display:inline-block; width:32px; height:29px; margin:-3px 10px 0 0; vertical-align:middle; background:url(../landing-img/checkbox.png) left bottom no-repeat; cursor:pointer;}
            input.input-chk:checked + label span { background-position:left top;}
			
			.sidebar input.input-chk + label { float:left;}
			
			a.submit { display:inline-block; vertical-align:middle; padding:0 35px; margin:0 10px 0 0; font-size:18px; line-height:60px; font-weight:700; background:#fff; color:#fc2c38!important; text-decoration:none!important; border-radius:4px;}
			
			
#sidebar-restore { position:fixed; z-index:50; right:0; top:0; bottom:0; left:100%; opacity:0; background:rgba(31, 135, 208, 0.9); color:#fff; transition:all 0.3s;}
	#sidebar-restore.opened { left:66%; opacity:1;}
#sidebar-check-pause { position:fixed; z-index:55; right:0; top:0; bottom:0; left:100%; opacity:0; background:rgba(31, 135, 208, 0.93); color:#fff; transition:all 0.3s;}
	#sidebar-check-pause.opened { left:66%; opacity:1;}
.sidebar.white  { display:none; position:fixed; z-index:55; right:0; top:0; bottom:0; left:100%; opacity:0; background:#fff; font-size:14px; color:#000; transition:all 0.3s;}
.sidebar.white.opened { left:66%; opacity:1;}
.sidebar.white strong { font-weight:400;}
	
	.sidebar-back { z-index:10; position:absolute; left:60px; top:40px; text-decoration:none!important;}
	.sidebar-back-m { display:none; z-index:10; position:absolute; left:60px; top:40px; text-decoration:none!important;}
	.sidebar-back-p { z-index:10; position:absolute; left:60px; top:40px; font-size:18px; text-decoration:none!important;}
	
	#progress-block { padding:10px 0 0 0;}
		#progress { height:3px; background: rgb(41, 103, 173);}
			#progress span { display:block; width:0; height:3px; background:#fff; transition:none;}
			#progress.go span { width:100%; transition:all 5s linear; transition-delay:0.3s;}
	

#menu { position:fixed; z-index:1000; left:15px; top:25px; width:65px; height:42px; text-align:center; cursor:pointer; transition:all 0.4s;}
	#menu.opened { background:#fff; transition:all 0.2s;}
	#menu .fa-bars { font-size:35px; line-height:45px; color:#005e84;}
	#menu-inner { position:absolute; left:0; top:42px; width:210px; font-size:20px; line-height:40px; text-transform:uppercase; max-height:0; transition:all 0.2s; overflow:hidden;}
	#menu.opened #menu-inner { max-height:205px;}
		#menu-inner ul { padding:0; margin:0; list-style:none; text-align:left;}
		#menu-inner ul li { padding:0; margin:0; border-top:#cdcdcd 1px solid;}
		#menu-inner a { position:relative; display:block; padding:0 0 0 65px; background:#fff; color:#969594;}
		#menu-inner a:hover { color:#f9303f;}
			#menu-inner ul li:last-child a { background:url(../landing-img/logo-small.png) center no-repeat #dededd; border-radius:0 0 5px 5px; overflow:hidden; text-indent:-1000px;}
			#menu-inner a:before { position:absolute; left:30px; top:9px; display:block; width:25px; background:url(../landing-img/menu-icos.png) no-repeat; content:'';}
				#menu-inner .mn-1 a:before { height:24px;}
				#menu-inner .mn-2 a:before { height:21px; background-position:0 -24px;}
				#menu-inner .mn-3 a:before { height:22px; background-position:0 -45px;}
				#menu-inner .mn-5 a:before { height:21px; background-position:0 -67px;}
#darken-overlay { position:fixed; z-index:999; height:0; left:0; top:0; right:0; background:#000; opacity:0; transition:all 0.4s;}
#menu.opened + #darken-overlay { height:auto; bottom:0; opacity:0.4;}
#start-ff { display:none; float:right; line-height:60px; margin:0 20px 0 0;}


#simple-page-background { position:fixed; left:0; top:0; right:0; height:100%; background-image:url(../landing-img/clouds.png); background-color:#00abf1; background-size:cover; background-attachment:fixed; background-repeat:no-repeat; background-position:center bottom;}
	#blue-overlay { position:fixed; left:0; top:0; right:0; height:100%; overflow:auto; background:rgba(32, 148, 229, 0.81); color:#fff;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
	}
	
		#blue-overlay a { color:#fff; text-decoration:underline;}
		#blue-overlay a:hover { text-decoration:none;}
		
		#simple-inner { position:relative; max-width:510px; margin:auto; padding:100px 20px 40px;}
			#simple-inner a.sidebar-back { left:20px;}
		#copyr { position:absolute; left:0; bottom:30px; right:0; text-align:center;}
.options{padding:1em 2em 2em;border:1px solid rgba(0,0,0,.05);border-top:none;border-bottom:none;text-align:center;}
		
.price { display:inline-block; margin:0 0 15px 0; font-family:'Open Sans', sans-serif; letter-spacing:1px;}
	.price .currency { font-weight:300;}
	.price .amount { display:inline-block; font-size:32px; line-height:50px; font-weight:400;padding: 0px 20px;}
	.price .decimal-holder { display:inline-block; line-height:21px; font-weight:400;}
		.price .decimal-holder .decimal { display:block; font-size:21px; text-align:left;}
		.price .decimal-holder .month { display:block; font-size:21px;}
	
		
.cbox-inner.capability-block { padding:40px 20px 20px 60px; font-size:14px;}
.cbox-inner.capability-block .fa-question-circle { display:none;}
.cbox-inner.capability-block:before { left:20px; top:40px;}
.cbox-inner strong { font-weight:400; font-size:16px;}
.cbox-inner .capability-description { display:block!important;}


a.soc { display:inline-block; padding:0 0 0 45px; margin:0 28px 0 0; font-size:18px; line-height:32px; text-decoration:none;}
a.soc:hover { text-decoration:underline;}
	a.soc.fb { background:url(../landing-img/32facebook.png) left center no-repeat;}
	a.soc.tw { background:url(../landing-img/32twitter.png) left center no-repeat;}
	

#c-box-wrapper { position:relative; width:650px; height:435px; overflow:hidden; border-radius:7px; text-align:center;}
#c-box-wrapper a { color:#30bbf3;}
#c-box-wrapper a:hover { text-decoration:underline;}
#c-box-preloader, .c-box-preloader { display:none; position:absolute; left:0; top:0; right:0; bottom:0; border-radius:7px; background:url(../img-main/preloader.gif) center no-repeat #fff; z-index:100;}
#c-box-preloader.active, .c-box-preloader.active { display:block;}
.c-box { position:relative; width:590px; height:250px; padding:45px 30px 140px; background:#fff; border-radius:7px;}
.c-box-title { margin:0 0 10px 0; font-size:28px; font-weight:400;}
.c-box .btn { min-width:70px; height:60px; line-height:60px; font-size:18px;}
.c-box .btn:hover { text-decoration:none!important; color:#fff!important;}
.c-box-button { position:absolute; left:0; bottom:0; right:0; height:90px; padding:25px 0 0 0; border-top:#ccc 1px solid; text-align:center;}

#c-box-wrapper a.soc { display:inline-block; padding:0 0 0 45px; margin:0 14px; font-size:18px; line-height:32px; text-decoration:none; font-weight:400;}
#c-box-wrapper a.soc:hover { text-decoration:underline;}
	#c-box-wrapper a.soc.fb { color:#00597c; background:url(../landing-img/32fb.png) left center no-repeat;}
	#c-box-wrapper a.soc.tw { color:#00abf1; background:url(../landing-img/32tw.png) left center no-repeat;}

.price .pp{padding: 0px; margin: 25px 103px 27px;  font-size: 20px;}


@media screen and (max-height:450px) {
	#copyr { display:none;}
}

@media screen and (max-width:1300px) {
	#sidebar .price .amount { display:inline-block; font-size:40px; line-height:40px; font-weight:400;}
	#sidebar .price .decimal-holder { display:inline-block; line-height:17px; font-weight:400;}
		#sidebar .price .decimal-holder .decimal { display:block; font-size:17px; text-align:left;}
		#sidebar .price .decimal-holder .month { display:block; font-size:17px;}
}

@media screen and (max-width:1200px) {
	#top-line-bg { position:fixed; left:0; top:0; right:0; height:60px; background:rgba(255,255,255,0.7);}
	#menu { top:10px;}
	#start-ff { display:inline;}
	#sidebar { z-index:50; left:auto; width:0; opacity:0; background:rgba(31, 135, 208, 1);}
	#sidebar-review-block { display:none;}
	#sidebar.opened { width:420px; opacity:1;}
	.sidebar-back-m { display:block;}
	#sidebar-restore, #sidebar-check-pause { left:auto; width:0; background:rgba(31, 135, 208, 1);}
	.sidebar.white { left:auto; width:0;}
	#sidebar-restore.opened, #sidebar-check-pause.opened, .sidebar.white.opened { left:auto; width:420px;}
}

@media screen and (max-width:900px) {
	#fp-nav { display:none;}
	.carousel-pagination { display:none;}
}

@media screen and (max-width:675px) {
	#section-1 { background-image:none;}
	.pad-fix { display:none;}
	.plans-mobile { display:block;}
	.sidebar.white { display:block;}
}

@media screen and (max-width:420px) {
	#sidebar.opened { width:100%;}
	#sidebar-restore.opened, #sidebar-check-pause.opened, .sidebar.white.opened { width:100%;}
	.flex-inner { padding:40px 10px;}
	.sidebar-back { left:10px;}
	.sidebar-back-m { left:10px;}
	.sidebar-back-p { left:10px;}
	.sidebar-bottom { left:10px; right:10px;}
}
		
@media screen and (max-width:325px) {
	.section-inner { width:100%; padding:70px 20px 20px;}
	h2 { font:20px/22px 'Open Sans', sans-serif;}
	.slide-heading-block h2 { padding:0; font:20px/20px 'Open Sans', sans-serif;}
	p.f18 { font-size:16px; padding:0 0 5px 0;}
	h2 sub, .y-plan .slide-heading-block h2 sub { font-size:16px;}
	.capability-block .fa-question-circle, .capability-list .fa-question-circle { display:inline-block;}
	.capability-description { display:none;}
	.section { border-bottom:#ccc 1px solid;}
	.f18 i.ico-ruble, i.ico-ruble { width:9px; height:12px; background-position:0 -64px;}
	.slide-heading-block  h2 sub i.ico-ruble { width:9px; height:13px; background-position:0 -51px;}
}

@media screen and (min-width:326px) and (max-width:768px) {
	.section-inner { width:100%; padding:70px 20px 20px;}
	h2 { font:24px/36px 'Open Sans', sans-serif;}
	h2 sub { font-size:18px;}
	.slide-heading-block  h2 sub i.ico-ruble { width:12px; height:17px; background-position:0 -34px;}
	.capability-block .fa-question-circle, .capability-list .fa-question-circle { display:inline-block;}
	.capability-description { display:none;}
	.section { border-bottom:#ccc 1px solid;}
}

@media screen and (min-width:769px) and (max-width:980px) {
	.section-inner { width:100%; padding:70px 110px 20px;}
	.capability-block .fa-question-circle, .capability-list .fa-question-circle { display:inline-block;}
	.capability-description { display:none;}
}

@media screen and (min-width:768px) and (max-width:850px) {
	.section-inner { width:100%; padding:70px 20px 20px;}
}

@media screen and (min-width:981px) and (max-width:1200px) {
	.section-inner { width:100%; padding:70px 100px 20px;}
}

@media screen and (max-width:1450px) {
/* 	.sb-left { float:none;}
	.sb-right { float:none;} */
}

@media screen and (max-height:920px) {
	.capability-block .fa-question-circle, .capability-list .fa-question-circle { display:inline-block;}
	.capability-description { display:none;}
	.sidebar.white h2 { font:20px/22px 'Open Sans', sans-serif;}
	.sidebar.white h2 sub { font-size:14px;}
}

@media screen and (max-height:725px) {
	.carousel-pagination { display:none;}
	#section-1 { background-image:none;}
}
	
@media screen and (max-height:885px) {
	#sidebar-review-block .sr-text { font-size:14px;}
}

@media screen and (max-height:840px) {
	#sidebar-review-block .sr-avatar { display:none;}
	#sidebar-review-block .sr-text { padding:0;}
}

@media screen and (max-height:765px) {
	#sidebar-review-block .sr-text { display:none;}
}

@media screen and (max-height:630px) {
	#sidebar-review-block { display:none;}
}

@media screen and (max-height:600px) {
	.pad-fix { display:none;}
	.plans-mobile { display:block;}
	.sidebar.white { display:block;}
	#carousel-plans, #carousel-plans-prev, #carousel-plans-next { display:none;}
}

*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
/* side */
.side{position:fixed;width:54px;height:275px;right:0;top:50%;z-index:100;}
.side ul li{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #444;}
.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#000;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "";overflow:hidden;}
.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#444444;opacity:0.5;filter:Alpha(opacity=80);transition:all 0.3s;}
.side ul li .sidetop:hover{background:#ae1c1c;opacity:1;filter:Alpha(opacity=100);}
.side ul li img{float:left;}
/*图片样式*/
#firstimg {
	width: 14em;
	height: 14em;
	padding: 10px;
}
#firstimgs {
	box-sizing: border-box;
	margin-top: -6.5em;
	margin-left: 9em;
	width: 7em;
	height: 7em;
}
#firstimg img { width:100%;height: 100%; border-radius:50%;}
#firstimgs img { width:100%;height: 100%; border-radius:50%;}

#secondimg {
	margin-top: 34px;
	width: 53%;
	text-align: center;
	box-sizing: border-box;
}

#secondimg img{
	padding: 10px 10px 10px;
	background: white;
}

#secondimgs {
	display: inline-block;
	vertical-align: top;
	padding: 20px 13px 10px 10px;
	width: 38%;
	margin-top: -4.8em;
	margin-left: 8.0em;
	box-sizing: border-box;
	transform: rotateZ(15deg);
	-webkit-transform: rotateZ(15deg);
	-moz-transform: rotateZ(15deg);
	-o-transform: rotateZ(15deg);
}
#secondimgs img {
	padding: 8px 8px 8px;
	background: white;
}

#thridimg {
	width: 85%;
	text-align: center;
	box-sizing: border-box;
	z-index: 3;

}

#thridimg img{
	padding: 10px 10px 10px;
}

#thridimgss{
	margin-top: -3.1em;
	z-index:4;
	position: relative;
	width: 2em;
}

#thridimgs {
	display: inline-block;
	vertical-align: top;
	padding: 20px 13px 10px 10px;
	width: 57%;
	margin-top: -2.3em;
	margin-left: 2.0em;
	box-sizing: border-box;
	transform: rotateZ(-7deg);
	-webkit-transform: rotateZ(-7deg);
	-moz-transform: rotateZ(-7deg);
	-o-transform: rotateZ(-7deg);
	z-index: 2;
}

#thridimgs img{
	padding: 8px 8px 8px;
	background: white;
}

#fourimg1 {
	width: 43%;
	text-align: center;
	box-sizing: border-box;
	z-index: 3;
	margin: 0 0 -1.0em 0;
}
#fourimg2 {
	width: 56%;
	z-index: 3;
	margin: 0 0 -0.5em 0;
}
#fourimg3 {
	width: 52%;
	z-index: 1;
}

#fourimg3 img{
	padding: 18px 18px 18px;
	background: white;
}

#fourimg4 {
	width: 56%;
	z-index: 3;
	margin: -0.5em 0 -1.7em 0;
}

.fixed{
	position: fixed;
	left: 0;
	top: 43%;
	width: 33%;

}

.fixed .title{
	padding: 0px 45px 0px 45px;
	font-size: 26px;
	display: inline-block;
	font-weight: 300;
}

.fixed .pp{
	margin-top: 20px;
}

.fixed .com{
	margin-top: 40px;
	font-size: 20px;
}


.fixed .foot{
	position: fixed;
	font-size: 20px;
	top: 83%;
	width: 33%;
}